<template>
	<view class="normal-login-container">
		<!-- 页面内容（仅在登录后显示） -->
		<block>
			<!-- 顶部头像和名称区域 -->
			<view class="header-section">
				<image class="avatar" :src="userInfo.user_avatar" mode="aspectFill"></image>
				<text class="username">您好，{{ userInfo.nick_name || 'xxx' }}</text>
			</view>

			<!-- 三个白色背景框 -->
			<view class="mox">
				<view class="box-item" @click="navigateTo('/pages/order')">
					<img class="box-icon" src="https://shalong.taiyanyue.top/images/qunz.png" alt="" />
					<view class="box-text">我的订单</view>
				</view>
				<view class="box-item" @click="navigateTo('/pages/myRelease')">
					<img class="box-icon" src="https://shalong.taiyanyue.top/images/qunzhu2.png" alt="" />
					<view class="box-text">我的活动</view>
				</view>
				<view class="box-item" @click="navigateTo('/pages/personalInformation')">
					<img class="box-icon" src="https://shalong.taiyanyue.top/images/qunzhu3.png" alt="" />
					<view class="box-text">个人信息</view>
				</view>
			</view>

			<!-- 活动发布卡片 -->
			<view class="activity-card">
				<view class="card-row" @click="navigateTo('/pages/release')">
					<view class="card-left">
						<image class="row-icon" src="https://shalong.taiyanyue.top/images/md-publish1.png" alt="" />
						<text>活动发布</text>
					</view>
					<view class="card-arrow">></view>
				</view>
				<view class="divider"></view>
				<view class="card-row" @click="navigateTo('/pages/collect')">
					<view class="card-left">
						<image class="row-icon" src="https://shalong.taiyanyue.top/images/riFill-star-smile.png" alt="" />
						<text>我的收藏</text>
					</view>
					<view class="card-arrow">></view>
				</view>
				<view class="divider"></view>
				<view class="card-row" @click="navigateTo('/pages/shippingAddress')">
					<view class="card-left">
						<image class="row-icon" src="https://shalong.taiyanyue.top/images/riFill-map-pin-5-fill1.png" alt="" />
						<text>我的地址簿</text>
					</view>
					<view class="card-arrow">></view>
				</view>
				<view class="divider"></view>
				<view class="card-row" @click="navigateTo('/pages/complaintfeedback')">
					<view class="card-left">
						<image class="row-icon" src="https://shalong.taiyanyue.top/images/riFill-customer-service-2-fill1.png" alt="" />
						<text>投诉反馈</text>
					</view>
					<view class="card-arrow">></view>
				</view>
				<view class="divider"></view>
				<view class="card-row" @click="navigateTo('/pages/gywm')">
					<view class="card-left">
						<image class="row-icon" src="https://shalong.taiyanyue.top/images/md-local_bar 1.png" alt="" />
						<text>关于我们</text>
					</view>
					<view class="card-arrow">></view>
				</view>
				<view class="divider"></view>
				<view class="card-row" @click="openVideoAccount">
					<view class="card-left">
						<image class="row-icon" src="https://shalong.taiyanyue.top/images/md-play_circle_filled 1.png" alt="" />
						<text>视频号</text>
					</view>
					<view class="card-arrow">></view>
				</view>
			</view>

			<!-- 退出登录按钮 -->
			<view class="logout-btn" @click="handleLogout">
				<text class="logout-text">退出登录</text>
			</view>

			<view class="bottom-spacer"></view>
			<custom-tabbar :current="currentTabIndex" />
		</block>

	</view>
</template>

<script>
	import CustomTabbar from '@/components/custom-tabbar/custom-tabbar.vue';
	import {
		getUserInfo
	} from '@/api/login';

	export default {
		components: {
			CustomTabbar
		},
		data() {
			return {
				currentTabIndex: 3,
				userInfo: {}, // 用户信息
				isLoggedIn: false
			};
		},
		onLoad() {
			
		},
		onShow() {
			const token = uni.getStorageSync('token');
			this.checkLogin(token);
		},
		methods: {
			// 检查登录状态
			async checkLogin(token) {
				if (!token) {
					uni.navigateTo({
						url: '/pages/login'
					});
					return;
				}

				// 已登录，尝试获取用户信息（可选）
				try {
					const res = await getUserInfo();
					this.userInfo = res.content.data;
					this.isLoggedIn = true;
				} catch (error) {
					// token失效，清除并跳转登录
					uni.removeStorageSync('token');
					uni.navigateTo({
						url: '/pages/login'
					});
				}
			},

			// 封装导航方法（避免重复代码）
			navigateTo(url) {
				if (!this.isLoggedIn) {
					uni.navigateTo({
						url: '/pages/login'
					});
					return;
				}
				uni.navigateTo({
					url
				});
			},
			
			// 打开视频号
			openVideoAccount() {
				uni.showModal({
					title: '提示',
					content: '即将跳转到视频号，是否继续？',
					success: (res) => {
						if (res.confirm) {
							// 这里需要替换为你的视频号feedId或用户名
							// 注意：微信小程序API需要配置业务域名
							wx.openChannelsActivity({
								finderUserName: '你的视频号用户名', // 视频号用户名
								success: (res) => {
									console.log('跳转视频号成功', res);
								},
								fail: (err) => {
									console.error('跳转视频号失败', err);
									uni.showToast({
										title: '跳转失败，请检查视频号配置',
										icon: 'none'
									});
								}
							});
						}
					}
				});
				uni.showToast({
					title: '当前平台不支持视频号跳转',
					icon: 'none'
				});
			},
			
			// 退出登录
			handleLogout() {
				uni.showModal({
					title: '提示',
					content: '确定要退出登录吗？',
					success: (res) => {
						if (res.confirm) {
							// 清除存储的token和用户信息
							uni.removeStorageSync('token');
							this.userInfo = {};
							this.isLoggedIn = false;
							
							// 跳转到登录页
							uni.navigateTo({
								url: '/pages/login'
							});
							
							uni.showToast({
								title: '已退出登录',
								icon: 'success'
							});
						}
					}
				});
			}
		}
	};
</script>

<style lang="less" scoped>
	.normal-login-container {
		background-color: #f4f4f4;
		min-height: 100vh;
		box-sizing: border-box;

		.loading-container {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100vh;
			font-size: 16px;
			color: #666;
		}

		.header-section {
			display: flex;
			align-items: center;
			padding: 20rpx 0;
			background-color: transparent;
			width: 93%;
			margin-left: 12px;
			padding-top: 20px;

			.avatar {
				width: 120rpx;
				height: 120rpx;
				border-radius: 50%;
				margin-right: 20rpx;
				margin-left: 10px;
			}

			.username {
				font-size: 32rpx;
				color: #333;
				font-weight: 550;
			}
		}

		.mox {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0 12px;
			margin-top: 15px;

			.box-item {
				flex: 1;
				height: 160rpx;
				background-color: #fff;
				border-radius: 12rpx;
				margin: 0 10rpx;
				text-align: center;

				&:first-child {
					margin-left: 0;
				}

				&:last-child {
					margin-right: 0;
				}

				.box-icon {
					width: 28px;
					height: 28px;
					margin-top: 15px;
				}

				.box-text {
					margin-top: 5px;
					color: #4da579;
					font-size: 15px;
					font-weight: 500;
				}
			}
		}

		.activity-card {
			margin-top: 20px;
			background: #ffffff;
			border-radius: 12px;
			width: 93%;
			margin-left: 12px;
			padding: 15px;

			.card-row {
				display: flex;
				justify-content: space-between;
				align-items: center;

				.card-left {
					font-size: 15px;
					display: flex;
					align-items: center;

					.row-icon {
						width: 25px;
						height: 25px;
						margin-right: 12px;
					}
				}

				.card-arrow {
					color: #43a071;
					font-size: 18px;
				}
			}

			.divider {
				width: 100%;
				margin-top: 15px;
				margin-bottom: 15px;
				height: 1px;
				background: #f7f7f7;
			}
		}
		
		/* 退出登录按钮样式 */
		.logout-btn {
			margin: 30px 12px 20px;
			background-color: #fff;
			border-radius: 12px;
			padding: 15px 0;
			text-align: center;
			
			.logout-text {
				color: #ff5a5f;
				font-size: 16px;
				font-weight: 500;
			}
		}

		.bottom-spacer {
			width: 100%;
			height: 80px;
		}
	}
</style><template>
	<view class="normal-login-container">
		<!-- 页面内容（仅在登录后显示） -->
		<block>
			<!-- 顶部头像和名称区域 -->
			<view class="header-section">
				<image class="avatar" :src="userInfo.user_avatar" mode="aspectFill"></image>
				<text class="username">您好，{{ userInfo.nick_name || 'xxx' }}</text>
			</view>

			<!-- 三个白色背景框 -->
			<view class="mox">
				<view class="box-item" @click="navigateTo('/pages/order')">
					<img class="box-icon" src="https://shalong.taiyanyue.top/images/qunz.png" alt="" />
					<view class="box-text">我的订单</view>
				</view>
				<view class="box-item" @click="navigateTo('/pages/myRelease')">
					<img class="box-icon" src="https://shalong.taiyanyue.top/images/qunzhu2.png" alt="" />
					<view class="box-text">我的活动</view>
				</view>
				<view class="box-item" @click="navigateTo('/pages/personalInformation')">
					<img class="box-icon" src="https://shalong.taiyanyue.top/images/qunzhu3.png" alt="" />
					<view class="box-text">个人信息</view>
				</view>
			</view>

			<!-- 活动发布卡片 -->
			<view class="activity-card">
				<view class="card-row" @click="navigateTo('/pages/release')">
					<view class="card-left">
						<image class="row-icon" src="https://shalong.taiyanyue.top/images/md-publish1.png" alt="" />
						<text>活动发布</text>
					</view>
					<view class="card-arrow">></view>
				</view>
				<view class="divider"></view>
				<view class="card-row" @click="navigateTo('/pages/collect')">
					<view class="card-left">
						<image class="row-icon" src="https://shalong.taiyanyue.top/images/riFill-star-smile.png" alt="" />
						<text>我的收藏</text>
					</view>
					<view class="card-arrow">></view>
				</view>
				<view class="divider"></view>
				<view class="card-row" @click="navigateTo('/pages/shippingAddress')">
					<view class="card-left">
						<image class="row-icon" src="https://shalong.taiyanyue.top/images/riFill-map-pin-5-fill1.png" alt="" />
						<text>我的地址簿</text>
					</view>
					<view class="card-arrow">></view>
				</view>
				<view class="divider"></view>
				<view class="card-row" @click="navigateTo('/pages/complaintfeedback')">
					<view class="card-left">
						<image class="row-icon" src="https://shalong.taiyanyue.top/images/riFill-customer-service-2-fill1.png" alt="" />
						<text>投诉反馈</text>
					</view>
					<view class="card-arrow">></view>
				</view>
				<view class="divider"></view>
				<view class="card-row" @click="navigateTo('/pages/gywm')">
					<view class="card-left">
						<image class="row-icon" src="https://shalong.taiyanyue.top/images/md-local_bar 1.png" alt="" />
						<text>关于我们</text>
					</view>
					<view class="card-arrow">></view>
				</view>
				<view class="divider"></view>
				<view class="card-row" @click="openVideoAccount">
					<view class="card-left">
						<image class="row-icon" src="https://shalong.taiyanyue.top/images/md-play_circle_filled 1.png" alt="" />
						<text>视频号</text>
					</view>
					<view class="card-arrow">></view>
				</view>
			</view>

			<!-- 退出登录按钮 -->
			<view class="logout-btn" @click="handleLogout">
				<text class="logout-text">退出登录</text>
			</view>

			<view class="bottom-spacer"></view>
			<custom-tabbar :current="currentTabIndex" />
		</block>

	</view>
</template>

<script>
	import CustomTabbar from '@/components/custom-tabbar/custom-tabbar.vue';
	import {
		getUserInfo
	} from '@/api/login';

	export default {
		components: {
			CustomTabbar
		},
		data() {
			return {
				currentTabIndex: 3,
				userInfo: {}, // 用户信息
				isLoggedIn: false
			};
		},
		onLoad() {
			
		},
		onShow() {
			const token = uni.getStorageSync('token');
			this.checkLogin(token);
		},
		methods: {
			// 检查登录状态
			async checkLogin(token) {
				if (!token) {
					uni.navigateTo({
						url: '/pages/login'
					});
					return;
				}

				// 已登录，尝试获取用户信息（可选）
				try {
					const res = await getUserInfo();
					this.userInfo = res.content.data;
					this.isLoggedIn = true;
				} catch (error) {
					// token失效，清除并跳转登录
					uni.removeStorageSync('token');
					uni.navigateTo({
						url: '/pages/login'
					});
				}
			},

			// 封装导航方法（避免重复代码）
			navigateTo(url) {
				if (!this.isLoggedIn) {
					uni.navigateTo({
						url: '/pages/login'
					});
					return;
				}
				uni.navigateTo({
					url
				});
			},
			
			// 打开视频号
			openVideoAccount() {
				uni.showModal({
					title: '提示',
					content: '即将跳转到视频号，是否继续？',
					success: (res) => {
						if (res.confirm) {
							// 这里需要替换为你的视频号feedId或用户名
							// 注意：微信小程序API需要配置业务域名
							wx.openChannelsActivity({
								finderUserName: '你的视频号用户名', // 视频号用户名
								success: (res) => {
									console.log('跳转视频号成功', res);
								},
								fail: (err) => {
									console.error('跳转视频号失败', err);
									uni.showToast({
										title: '跳转失败，请检查视频号配置',
										icon: 'none'
									});
								}
							});
						}
					}
				});
				uni.showToast({
					title: '当前平台不支持视频号跳转',
					icon: 'none'
				});
			},
			
			// 退出登录
			handleLogout() {
				uni.showModal({
					title: '提示',
					content: '确定要退出登录吗？',
					success: (res) => {
						if (res.confirm) {
							// 清除存储的token和用户信息
							uni.removeStorageSync('token');
							this.userInfo = {};
							this.isLoggedIn = false;
							
							// 跳转到登录页
							uni.navigateTo({
								url: '/pages/login'
							});
							
							uni.showToast({
								title: '已退出登录',
								icon: 'success'
							});
						}
					}
				});
			}
		}
	};
</script>

<style lang="less" scoped>
	.normal-login-container {
		background-color: #f4f4f4;
		min-height: 100vh;
		box-sizing: border-box;

		.loading-container {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100vh;
			font-size: 16px;
			color: #666;
		}

		.header-section {
			display: flex;
			align-items: center;
			padding: 20rpx 0;
			background-color: transparent;
			width: 93%;
			margin-left: 12px;
			padding-top: 20px;

			.avatar {
				width: 120rpx;
				height: 120rpx;
				border-radius: 50%;
				margin-right: 20rpx;
				margin-left: 10px;
			}

			.username {
				font-size: 32rpx;
				color: #333;
				font-weight: 550;
			}
		}

		.mox {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0 12px;
			margin-top: 15px;

			.box-item {
				flex: 1;
				height: 160rpx;
				background-color: #fff;
				border-radius: 12rpx;
				margin: 0 10rpx;
				text-align: center;

				&:first-child {
					margin-left: 0;
				}

				&:last-child {
					margin-right: 0;
				}

				.box-icon {
					width: 28px;
					height: 28px;
					margin-top: 15px;
				}

				.box-text {
					margin-top: 5px;
					color: #4da579;
					font-size: 15px;
					font-weight: 500;
				}
			}
		}

		.activity-card {
			margin-top: 20px;
			background: #ffffff;
			border-radius: 12px;
			width: 93%;
			margin-left: 12px;
			padding: 15px;

			.card-row {
				display: flex;
				justify-content: space-between;
				align-items: center;

				.card-left {
					font-size: 15px;
					display: flex;
					align-items: center;

					.row-icon {
						width: 25px;
						height: 25px;
						margin-right: 12px;
					}
				}

				.card-arrow {
					color: #43a071;
					font-size: 18px;
				}
			}

			.divider {
				width: 100%;
				margin-top: 15px;
				margin-bottom: 15px;
				height: 1px;
				background: #f7f7f7;
			}
		}
		
		/* 退出登录按钮样式 */
		.logout-btn {
			margin: 30px 12px 20px;
			background-color: #fff;
			border-radius: 12px;
			padding: 15px 0;
			text-align: center;
			
			.logout-text {
				color: #ff5a5f;
				font-size: 16px;
				font-weight: 500;
			}
		}

		.bottom-spacer {
			width: 100%;
			height: 80px;
		}
	}
</style><template>
	<view class="normal-login-container">
		<!-- 页面内容（仅在登录后显示） -->
		<block>
			<!-- 顶部头像和名称区域 -->
			<view class="header-section">
				<image class="avatar" :src="userInfo.user_avatar" mode="aspectFill"></image>
				<text class="username">您好，{{ userInfo.nick_name || 'xxx' }}</text>
			</view>

			<!-- 三个白色背景框 -->
			<view class="mox">
				<view class="box-item" @click="navigateTo('/pages/order')">
					<img class="box-icon" src="https://shalong.taiyanyue.top/images/qunz.png" alt="" />
					<view class="box-text">我的订单</view>
				</view>
				<view class="box-item" @click="navigateTo('/pages/myRelease')">
					<img class="box-icon" src="https://shalong.taiyanyue.top/images/qunzhu2.png" alt="" />
					<view class="box-text">我的活动</view>
				</view>
				<view class="box-item" @click="navigateTo('/pages/personalInformation')">
					<img class="box-icon" src="https://shalong.taiyanyue.top/images/qunzhu3.png" alt="" />
					<view class="box-text">个人信息</view>
				</view>
			</view>

			<!-- 活动发布卡片 -->
			<view class="activity-card">
				<view class="card-row" @click="navigateTo('/pages/release')">
					<view class="card-left">
						<image class="row-icon" src="https://shalong.taiyanyue.top/images/md-publish1.png" alt="" />
						<text>活动发布</text>
					</view>
					<view class="card-arrow">></view>
				</view>
				<view class="divider"></view>
				<view class="card-row" @click="navigateTo('/pages/collect')">
					<view class="card-left">
						<image class="row-icon" src="https://shalong.taiyanyue.top/images/riFill-star-smile.png" alt="" />
						<text>我的收藏</text>
					</view>
					<view class="card-arrow">></view>
				</view>
				<view class="divider"></view>
				<view class="card-row" @click="navigateTo('/pages/shippingAddress')">
					<view class="card-left">
						<image class="row-icon" src="https://shalong.taiyanyue.top/images/riFill-map-pin-5-fill1.png" alt="" />
						<text>我的地址簿</text>
					</view>
					<view class="card-arrow">></view>
				</view>
				<view class="divider"></view>
				<view class="card-row" @click="navigateTo('/pages/complaintfeedback')">
					<view class="card-left">
						<image class="row-icon" src="https://shalong.taiyanyue.top/images/riFill-customer-service-2-fill1.png" alt="" />
						<text>投诉反馈</text>
					</view>
					<view class="card-arrow">></view>
				</view>
				<view class="divider"></view>
				<view class="card-row" @click="navigateTo('/pages/gywm')">
					<view class="card-left">
						<image class="row-icon" src="https://shalong.taiyanyue.top/images/md-local_bar 1.png" alt="" />
						<text>关于我们</text>
					</view>
					<view class="card-arrow">></view>
				</view>
				<view class="divider"></view>
				<view class="card-row" @click="openVideoAccount">
					<view class="card-left">
						<image class="row-icon" src="https://shalong.taiyanyue.top/images/md-play_circle_filled 1.png" alt="" />
						<text>视频号</text>
					</view>
					<view class="card-arrow">></view>
				</view>
			</view>

			<!-- 退出登录按钮 -->
			<view class="logout-btn" @click="handleLogout">
				<text class="logout-text">退出登录</text>
			</view>

			<view class="bottom-spacer"></view>
			<custom-tabbar :current="currentTabIndex" />
		</block>

	</view>
</template>

<script>
	import CustomTabbar from '@/components/custom-tabbar/custom-tabbar.vue';
	import {
		getUserInfo
	} from '@/api/login';

	export default {
		components: {
			CustomTabbar
		},
		data() {
			return {
				currentTabIndex: 3,
				userInfo: {}, // 用户信息
				isLoggedIn: false
			};
		},
		onLoad() {
			
		},
		onShow() {
			const token = uni.getStorageSync('token');
			this.checkLogin(token);
		},
		methods: {
			// 检查登录状态
			async checkLogin(token) {
				if (!token) {
					uni.navigateTo({
						url: '/pages/login'
					});
					return;
				}

				// 已登录，尝试获取用户信息（可选）
				try {
					const res = await getUserInfo();
					this.userInfo = res.content.data;
					this.isLoggedIn = true;
				} catch (error) {
					// token失效，清除并跳转登录
					uni.removeStorageSync('token');
					uni.navigateTo({
						url: '/pages/login'
					});
				}
			},

			// 封装导航方法（避免重复代码）
			navigateTo(url) {
				if (!this.isLoggedIn) {
					uni.navigateTo({
						url: '/pages/login'
					});
					return;
				}
				uni.navigateTo({
					url
				});
			},
			
			// 打开视频号
			openVideoAccount() {
				uni.showModal({
					title: '提示',
					content: '即将跳转到视频号，是否继续？',
					success: (res) => {
						if (res.confirm) {
							// 这里需要替换为你的视频号feedId或用户名
							// 注意：微信小程序API需要配置业务域名
							wx.openChannelsActivity({
								finderUserName: '你的视频号用户名', // 视频号用户名
								success: (res) => {
									console.log('跳转视频号成功', res);
								},
								fail: (err) => {
									console.error('跳转视频号失败', err);
									uni.showToast({
										title: '跳转失败，请检查视频号配置',
										icon: 'none'
									});
								}
							});
						}
					}
				});
				uni.showToast({
					title: '当前平台不支持视频号跳转',
					icon: 'none'
				});
			},
			
			// 退出登录
			handleLogout() {
				uni.showModal({
					title: '提示',
					content: '确定要退出登录吗？',
					success: (res) => {
						if (res.confirm) {
							// 清除存储的token和用户信息
							uni.removeStorageSync('token');
							this.userInfo = {};
							this.isLoggedIn = false;
							
							// 跳转到登录页
							uni.navigateTo({
								url: '/pages/login'
							});
							
							uni.showToast({
								title: '已退出登录',
								icon: 'success'
							});
						}
					}
				});
			}
		}
	};
</script>

<style lang="less" scoped>
	.normal-login-container {
		background-color: #f4f4f4;
		min-height: 100vh;
		box-sizing: border-box;

		.loading-container {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100vh;
			font-size: 16px;
			color: #666;
		}

		.header-section {
			display: flex;
			align-items: center;
			padding: 20rpx 0;
			background-color: transparent;
			width: 93%;
			margin-left: 12px;
			padding-top: 20px;

			.avatar {
				width: 120rpx;
				height: 120rpx;
				border-radius: 50%;
				margin-right: 20rpx;
				margin-left: 10px;
			}

			.username {
				font-size: 32rpx;
				color: #333;
				font-weight: 550;
			}
		}

		.mox {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0 12px;
			margin-top: 15px;

			.box-item {
				flex: 1;
				height: 160rpx;
				background-color: #fff;
				border-radius: 12rpx;
				margin: 0 10rpx;
				text-align: center;

				&:first-child {
					margin-left: 0;
				}

				&:last-child {
					margin-right: 0;
				}

				.box-icon {
					width: 28px;
					height: 28px;
					margin-top: 15px;
				}

				.box-text {
					margin-top: 5px;
					color: #4da579;
					font-size: 15px;
					font-weight: 500;
				}
			}
		}

		.activity-card {
			margin-top: 20px;
			background: #ffffff;
			border-radius: 12px;
			width: 93%;
			margin-left: 12px;
			padding: 15px;

			.card-row {
				display: flex;
				justify-content: space-between;
				align-items: center;

				.card-left {
					font-size: 15px;
					display: flex;
					align-items: center;

					.row-icon {
						width: 25px;
						height: 25px;
						margin-right: 12px;
					}
				}

				.card-arrow {
					color: #43a071;
					font-size: 18px;
				}
			}

			.divider {
				width: 100%;
				margin-top: 15px;
				margin-bottom: 15px;
				height: 1px;
				background: #f7f7f7;
			}
		}
		
		/* 退出登录按钮样式 */
		.logout-btn {
			margin: 30px 12px 20px;
			background-color: #fff;
			border-radius: 12px;
			padding: 15px 0;
			text-align: center;
			
			.logout-text {
				color: #ff5a5f;
				font-size: 16px;
				font-weight: 500;
			}
		}

		.bottom-spacer {
			width: 100%;
			height: 80px;
		}
	}
</style>